<!DOCTYPE html>
<html lang="es">
  <head></head>

  <body>
    <h1>App de Gatos</h1>

    <main>
      <section>
        <h2>Imágenes de Gatos:</h2>
        <p>Haz click aquí para ver más <a href="https://freecatphotoapp.com" target="_blank" rel="noopener noreferrer">imágenes de gatos.</a></p>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="Un lindo gato naranja recostado sobre su espalda.">
      </section>

      <section>
        <h2>Lista sobre gatos</h2>

        <h3>Cosas que aman los gatos:</h3>
        <ul>
          <li>Menta gatuna</li>
          <li>Apuntadores láser</li>
          <li>Lasaña</li>
        </ul>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="Una porción de lasaña en un plato.">

        <h3>Cosas que odian los gatos:</h3>

        <!-- Lista ordenada -->
        <ol>
          <li>Tratamientos antipulgas</li>
          <li>Truenos</li>
          <li>Otros gatos</li>
        </ol>

        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Cinco gatos mirando alrededor de un campo.">
      </section>
    </main>
  </body>
</html>
